<template>
	<view>
		<view class="taskdetail-top">
			<view class="taskdetail-box1 flex">
				<view>
					<h2 class="task-title">电视机生产线组装</h2>
					<view class="task-todo">投道集团</view>
				</view>
				<view class="task-state">
					招聘中
				</view>
			</view>
			<view class="taskdetail-box2 flex">
				<view class="task-numbox">
					<view class="task-num1">300</view>
					<view class="tast-titlenum">招聘数量</view>
				</view>
				<view class="task-numbox">
					<view class="task-num2">100</view>
					<view class="tast-titlenum">已招聘数量</view>
				</view>
				<view class="task-numbox">
					<view class="task-num1">招满为止</view>
					<view class="tast-titlenum">任务类型</view>
				</view>
			</view>
			<view class="taskdetail-box3 flex">
				<view class="detail-title">任务起止日期:</view>
				<view class="detail-detail">2019-02-22——2019-03-22</view>
			</view>
			<view class="taskdetail-box3 flex">
				<view class="detail-title">指派组员:</view>
				<view class="detail-detail">张明亮</view>
			</view>
			<view class="taskdetail-box3 flex">
				<view class="detail-title">招聘小组:</view>
				<view class="detail-detail">投道集团家电生产线招聘小组</view>
			</view>
		</view>
		<view class="taskdetail-bottom flex">
			<view class="add-border">
				<view class="img-box"><img src="../../static/icon/icon_user_recommend.png" alt="" class="img"></view>
				<view class="img-title">推荐人才</view>
			</view>
			<view class="add-border" @tap="handleClickshareqr">
				<view class="img-box"><img src="../../static/icon/icon_qr_code.png" alt="" class="img"></view>
				<view class="img-title">分享二维码</view>
			</view>
			<view class="add-border">
				<view class="img-box"><img src="../../static/icon/icon_user_plus.png" alt="" class="img"></view>
				<view class="img-title">添加人才</view>
			</view>
			<view class="add-border del-border">
				<view class="img-box"><img src="../../static/icon/icon_present.png" alt="" class="img"></view>
				<view class="img-title">招聘情况</view>
			</view>
		</view>
	</view>
</template>

<script>
	export default{
		methods:{
			handleClickshareqr(){
				uni.navigateTo({
					url: '/pages/talent_pool/recruitment_qrcode'
				});
			}
		}
	}
</script>

<style scoped lang="stylus">
	.taskdetail-top{
		background:#fff;
		padding:40upx;
		.taskdetail-box1{
			height:164upx;
			align-items:center;
			justify-content:space-between;
			.task-title{
				font-size:40upx;
				font-weight:500;
				color:#333;
			}
			.task-todo{
				font-size:28upx;
				color:#666;
				margin-top:20upx;
			}
			.task-state{
				height:46upx;
				width:144upx;
				border:1upx solid #5BBD00;
				font-size:28upx;
				color:#5BBD00;
				font-weight:500;
				line-height:46upx;
				text-align:center;
			}
		}
		.taskdetail-box2{
			height:176upx;
			margin-bottom:40upx;
			justify-content:space-around;
			align-items:center;
			background:linear-gradient(270deg,rgba(250,250,250,1) 0%,rgba(243,243,243,1) 100%);
			.task-numbox{
				text-align:center;
				.task-num1{
					font-size:36upx;
					font-weight:500;
					color:#333;
				}
				.task-num2{
					font-size:36upx;
					color:#4A90E2;
					font-weight:500;
				}
				.tast-titlenum{
					font-size:28upx;
					color:#666;
					margin-top:16upx;
				}
			}
			
		}
		.taskdetail-box3{
			justify-content:space-between;
			margin-bottom:20upx;
			.detail-title{
				font-size:28upx;
				color:#999;
			}
			.detail-detail{
				font-size:28upx;
				color:#333;
			}
		}
	}
	.taskdetail-bottom{
		position:fixed;
		bottom:0;
		justify-content:space-around;
		// align-items:center;
		width:750upx;
		height:112upx;		
		.add-border{
			border-right:1upx solid #DBDBDB;
			margin:16upx 0;
			text-align:center;
			padding:0 38upx;
			.img-box{
				height:26upx;
				width:26upx;
				align:center;
				
				margin:0 auto;
				.img{
					height:26upx;
					margin-bottom:8upx;
					width:26upx;
				}
			}
			.img-title{
				font-size:28upx;
				color:#333;
				margin-top:10upx;
			}
		}
		.del-border{
			border:0;
		}
	}
	
</style>
